<template>
	<view :style="{
		'padding-bottom':king!=1? '100rpx':''
	}">
		<my-tab />
		<view class="top" :style="{
			 'background-image': $img('https://s4.ax1x.com/2022/02/10/HYvyee.png')
		}">

		</view>
		<!-- 秒杀 -->
		<!-- <miaosha v-if="king!=1" title='限时免费' /> -->
		<!-- <view v-else class="miaosha">
			<view class="miaosha_1">
				<text>恰同学年少</text>
				<text>邀请朋友一起参加课程</text>
			</view>
			<view class="miaosha_2" @click="submit">
				立刻开团
			</view>
		</view> -->
		<!-- 价格简介 -->
		<view class="brief">
			<view class="brief_2">给管理者们的沟通训练营给管理者们的沟通训练营给管理者们的沟通训练营给管理者们的沟通训练营</view>
			<view class="brief_3">尤其在竞争日益激烈的今者们的</view>
			<view class="brief_4">
				<text>124</text>
				人已学习
			</view>
			<view class="brief_5">
				<view class="brief_5_1">
					<text>《前瞻与回顾》</text>
					<text>购买智伍汇大课继续学习</text>
				</view>
				<image style="width:140rpx ;height: 58rpx;" src="https://s4.ax1x.com/2022/01/18/70v8ds.png" />
			</view>
			<view class="brief_6">
				<view class="brief_6_1">
					主持人
				</view>
				<view class="brief_6_2">
					<image style="width:88rpx ;height: 88rpx;" src="https://s4.ax1x.com/2022/01/18/70vgW6.png" />
					<view class="brief_6_3">
						<text>林戈</text>
						<text>智伍汇讲师</text>
					</view>
				</view>
			</view>
			<view class="brief_7">
				<view class="brief_7_1" v-for="item in 4
				">
					<text>第一星：“画布”</text>
					<text>使命、愿景、价值观是企业成功的关键因素，也是企业 的“画布”更是“北斗七星”模型的第一颗星，企业离 开了这些要素，一</text>
				</view>
			</view>
		</view>
		<!-- 热门推荐 -->
		<view class="">
			<my-recommend />
		</view>
		<view class="xian" />
		<view class="">
			<view class="all_text">留言板</view>
			<my-pinglun :type="1" />
		</view>
		<view style="text-align: center; position: fixed;bottom: 0;width: 100%;" v-if="type!=1" @click="purchase">
			<image style="width:300rpx ;height:88rpx ;margin-top: 20rpx;"
				src="https://s4.ax1x.com/2022/01/19/7D8po4.png" mode="">
			</image>
		</view>
	</view>
</template>

<script>
	import miaosha from '@/components/miaosha.vue'
	export default {
		components: {
			miaosha
		},
		data() {
			return {
				timestamp: 86400,
				type: '',
				king: '', //1购买2未购买
			};
		},
		methods: {
			purchase() {
				uni.navigateTo({
					url: `/pages/play/purchase?type=${'提交订单'}`
				});
			},
		},
		onLoad(option) {
			this.king = option.type
			this.type = option.type
		}
	}
</script>

<style lang="scss" scoped>
	.cell {
		margin: 22rpx;
	}

	.test1 {
		width: 44rpx;
		height: 44rpx;
		background-image: url(https://s4.ax1x.com/2022/01/18/7BF7kD.png);
		background-size: 100% 100%;
		background-repeat: no-repeat
	}

	.test {
		width: 44rpx;
		height: 44rpx;
		background-image: url(https://s4.ax1x.com/2022/01/18/7Bi0aD.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.badge {
		position: absolute;
	}

	.foot {
		padding: 10rpx 0 10rpx 0;
		display: flex;
		justify-content: space-around;
		align-items: center;

		.foot_1 {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 477rpx;
			height: 68rpx;
			background: #F5F5F5;
			border-radius: 50rpx
		}
	}

	.miaosha {
		height: 140rpx;
		background-color: #FC2053;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 30rpx;
		padding-right: 30rpx;

		.miaosha_2 {
			width: 172rpx;
			height: 58rpx;
			text-align: center;
			line-height: 58rpx;
			background: #FFFFFF;
			opacity: 1;
			border-radius: 29px;
			font-size: 28rpx;
			font-family: Source Han Sans CN;
			color: #FF2424;
			opacity: 1;
		}

		.miaosha_1 {
			text:nth-of-type(1) {
				font-size: 36rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #FFFFFF;
				opacity: 1;
			}

			text:nth-of-type(2) {
				margin-top: 10rpx;
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				opacity: 1;

			}


			text {
				display: block;
			}
		}
	}

	.all_text {
		font-size: 32rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		margin-left: 20rpx;
		color: #131314;
		opacity: 1;
	}

	.xian {
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		height: 0px;
		border: 1rpx solid #E3E3E3;
		opacity: 1;
	}

	.brief {
		padding: 20rpx 20rpx 40rpx 20rpx;
		border-bottom: 1px solid #E3E3E3;

		.briefxian {
			height: 0px;
			box-sizing: border-box;
			border: 1px solid #E3E3E3;
			opacity: 1;
		}

		.brief_7 {
			.brief_7_1 {
				margin-top: 20rpx;

				text {
					display: block;
				}

				text:nth-of-type(1) {
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #131314;
					opacity: 1;
				}

				text:nth-of-type(2) {
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					line-height: 42rpx;
					color: #131314;
					letter-spacing: 1rpx;
					opacity: 1;
				}
			}
		}

		.brief_6 {
			margin-top: 30rpx;

			.brief_6_2 {
				margin-top: 20rpx;
				display: flex;

				.brief_6_3 {
					margin-left: 20rpx;

					text:nth-of-type(1) {
						font-size: 28rpx;
						font-family: Source Han Sans CN;
						font-weight: bold;
						color: #131314;
						opacity: 1;
					}

					text:nth-of-type(2) {
						font-size: 24rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #91969A;
						opacity: 1;
					}

					text {
						display: block;
					}
				}
			}

			.brief_6_1 {
				font-size: 32rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #131314;
				opacity: 1;
			}
		}

		.brief_5 {
			margin-top: 30rpx;
			padding-left: 20rpx;
			padding-right: 20rpx;

			.brief_5_1 {
				text {
					display: block;
				}

				text:nth-of-type(1) {
					font-size: 30rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #131314;
					opacity: 1;
				}

				text:nth-of-type(2) {
					margin-top: 10rpx;
					font-size: 24rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #131314;
					opacity: 1;

				}
			}

			display: flex;
			justify-content: space-between;
			align-items: center;
			background-image: url(https://s4.ax1x.com/2022/01/18/70vnRf.png);
			background-size: 100% 100%;
			height: 132rpx;
			background-repeat: no-repeat;
		}

		.brief_4 {
			text {
				color: #FF2424;
			}

			margin-top: 10rpx;
			font-size: 24rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #131314;
			opacity: 1;
		}

		.brief_3 {
			font-size: 28rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #131314;
			opacity: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}



		.brief_1 {
			display: flex;
			align-items: flex-end;

			.brief_1_1 {
				margin-right: 10rpx;

				text:nth-of-type(1) {
					font-size: 30rpx;
					font-family: HarmonyOS Sans;
					font-weight: bold;
					color: #FF2424;
					opacity: 1;
				}

				text:nth-of-type(2) {
					font-size: 36rpx;
					font-family: HarmonyOS Sans;
					font-weight: bold;
					color: #FF2424;
					opacity: 1;
				}
			}

			.brief_1_2 {
				text:nth-of-type(1) {
					font-size: 25rpx;
					font-family: HarmonyOS Sans;
					color: #91969A;
					opacity: 1;
				}

				text:nth-of-type(2) {
					font-size: 28rpx;
					font-family: HarmonyOS Sans;
					font-weight: 400;
					color: #91969A;
					opacity: 1;
					text-decoration: line-through
				}
			}
		}

		.brief_2 {
			margin-top: 10rpx;
			margin-bottom: 10rpx;
			font-size: 32rpx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #131314;
			opacity: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}


	}

	// .centent {
	// 	padding: 0 0rpx 0 35rpx;
	// 	display: flex;
	// 	justify-content: space-between;
	// 	align-items: center;

	// 	.centent_right {
	// 		width: 30%;
	// 		border-left: 1px solid #FFFFFF;
	// 		text-align: center;

	// 		text {
	// 			display: block;
	// 		}

	// 		text:nth-of-type(1) {
	// 			font-size: 30rpx;
	// 			font-family: Source Han Sans CN;
	// 			font-weight: 500;
	// 			color: #FFFFFF;
	// 			opacity: 1;
	// 		}
	// 	}

	// 	.centent_left {
	// 		text {
	// 			display: block;
	// 		}

	// 		text:nth-of-type(1) {
	// 			font-size: 36rpx;
	// 			font-family: Source Han Sans CN;
	// 			font-weight: bold;
	// 			color: #FFFFFF;
	// 			opacity: 1;
	// 		}

	// 		text:nth-of-type(2) {
	// 			font-size: 28rpx;
	// 			font-family: Source Han Sans CN;
	// 			font-weight: 400;
	// 			color: #FFFFFF;
	// 			opacity: 1;
	// 			margin-top: 10rpx;
	// 		}
	// 	}
	// }

	// .centent {
	// 	background-color: #FC2053;
	// 	min-height: 140rpx;
	// }

	.top {
		padding: 0rpx 20rpx 20rpx 20rpx;
		height: 510rpx;
		background-size: 100% 100%;
		background-repeat: no-repeat
	}
</style>
